.sort{
	width: 100%;
	height: 100%;
	position: relative;
	.sort-tabbar__left{
		display: flex;
		.sort-tabbar__left_icon{
			width: 15%;
			display: flex;
			align-items: center;
			margin-right: 10px;
		}
	}
	.content{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		overflow: hidden;
		.content-left{
		  float: left;
		  width: 25%;
		  background-color: #f7f7f7;
		  box-sizing: border-box;
		  height: 100%;
		  view{
		    text-align: center;
		    line-height: 50px;
		    font-size: 14px;
		    color: #353535;
		  }
		  .active{
		    background-color: #fff;
			position: relative;
		  }
		  .active::before{
			content: "";
			display: block;
			position: absolute;
			width: 4px;
			height: 20px;
			top: 50%;
			margin-top: -10px;
			background: #f56c6c;
			border-radius: 3px;
		  }
		}
		.content-right{
		  padding: 15px 0 0 10px;
		  box-sizing: border-box;
		  float: left;
		  width: 75%;
		  display: flex;
		  justify-content: flex-start;
		  flex-wrap: wrap;
		  .second-list-item{
		    width: 30%;
		    margin-right: 5px;
		    margin-bottom: 15px;
		    .list-item-image{
		      width: 70%;
		      height:0;
		      position: relative;
		      padding-bottom: 70%;
		      margin: 0 auto;
		      image{
		        width:100%;
		        height:100%;
		        position: absolute;
		      }
		    }
		  }
		  .list-item-name{
		    font-size: 14px;
		    text-align: center;
		    color: #353535;
		  }
		}
	  
	}
}